.bg-primary {
  background-color: #FFC06E; 
}

.bg-grey {
  background-color: #ddd; 
}

.text-default {
  color: #222222; 
}

.text-orange {
  color: #FF9800; 
}

.text-secondary {
  color: #777777; 
}

.font-size-mini {
  font-size: 24rpx; 
}

.font-weight-semibold {
  font-weight: 600;
}

.position-absolute {
  position: absolute;
}

.d-flex {
  display: flex;
}

.flex-column {
  flex-direction: column;
}

.justify-content-center {
  justify-content: center;
}

.align-items-center {
  align-items: center;
}

.min-height-980 {
  min-height: 980rpx;
}

.mb-5 {
  margin-bottom: 5rpx;
}

.overflow-ellipsis {
  white-space: nowrap;
  width: 100%;                  /* IE6 需要定义宽度 */
  overflow: hidden;
  -o-text-overflow: ellipsis;    /* Opera */
  text-overflow:    ellipsis;    /* IE, Safari (WebKit) */
}

page {
  background-color: #FFF;
}

.fixed-search-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

.amap-search-bar {
  
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #FFF;
  padding: 30rpx 25rpx;
  border-top: 1rpx solid #d9d9d9;
}

.amap-search-bar .search-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  flex-grow: 1;
}

.amap-search-bar .search-wrapper input {
  font-size: 28rpx;
  flex: 1;
  box-sizing: border-box;
  padding: 0rpx 30rpx 0rpx 90rpx;
  line-height: 70rpx;
  height: 70rpx;
  border-radius: 35rpx;
  background-color: #eee;
}

.amap-search-bar .search-wrapper .clear-icon {
  background-color: #999;
  border-radius: 50%;
  border: 12rpx solid transparent;
  box-sizing: border-box;
  padding: 0;
  width: 40rpx;
  height: 40rpx;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  z-index: 100;
}

.amap-search-bar .search-wrapper .search-icon {
  width: 40rpx;
  height: 40rpx;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
}

.amap-search-bar .btn-cancel {
  width: 120rpx;
  padding: 0 20rpx;
  border: none;
  font-size: 28rpx;
  color: #00ADE7;
  height: 70rpx;
  line-height: 70rpx;
}

.amap-container {
  position: fixed;
  top: 130rpx; 
  left: 0; 
  right: 0; 
  bottom: 0;
}

.amap-container map {
  width: 100%;
  height: 500rpx;
}

.amap-container .location-pin {
  position: fixed;
  width: 50rpx;
  height: 72rpx;
  top: 380rpx;
  left: 50%;
  margin-left: -25rpx;
  margin-top: -36rpx;
}

.amap-container .icon-back-location {
  position: fixed;
  top: 390rpx;
  right: 20rpx;
  width: 92rpx;
  height: 92rpx;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
}

.amap-container .focus-mask {
  position: fixed;
  top: 130rpx; 
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, .6); 
}

.amap-container .pois-scroll-view {
  position: relative;
  background-color: #FFF; 
  height: 1200rpx; 
  padding-bottom: 30rpx;
}


.poi-list {
  padding-bottom: 30rpx;
}

.poi-list .btn-item {
  border-radius: 0; 
  border: none; 
  text-align: left; 
  line-height: 35rpx; 
  font-size: 28rpx; 
  background-color: transparent;
}

.poi-list .item {
  padding: 18rpx 0;
  display: flex;
  align-items: center;
  border-bottom: 1rpx solid #ddd;
}

.poi-list .nearby{
  color: #999;
  font-size: 24rpx;
  margin: 30rpx 0 0 20rpx;
}

.poi-list .item .prefix {
  padding-right: 30rpx;
}

.no-result {
  font-size: small;
  color: #777777;
  font-size: 28rpx;
  text-align: center;
}

.loading-icon {
  width: 60rpx;
  height: 60rpx;
  background: url("") no-repeat center;
  background-size: cover;
}

.spinner {
  display: inline-block;
  -webkit-animation: rotation 1s linear infinite;
  animation: rotation 1s linear infinite; }

.spinner-reverse {
  display: inline-block;
  -webkit-animation: rotation_reverse 1s linear infinite;
  animation: rotation_reverse 1s linear infinite; }

@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotation_reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }


/* 列表展开 */
@keyframes listExpend {
  from {
    height: calc(100vh - 130rpx - 500rpx - 2rpx);
  }
  to {
    height: calc(100vh - 130rpx - 300rpx - 2rpx);
  }
}

/* 地图收起 */
@keyframes mapCollapse {
  from {
    margin-top: 0;
  }
  to {
    margin-top: -200rpx;
  }
}

/* 中心点上移 */
@keyframes markerCollapse {
  from {
    top: 380rpx;
  }
  to {
    top: 180rpx;
  }
}

/* 位置icon上移 */
@keyframes locationCollapse {
  from {
    top: 390rpx;
  }
  to {
    top: 190rpx;
  }
}

/* 列表收起 */
@keyframes listCollapse {
  from {
    height: calc(100vh - 130rpx - 300rpx - 2rpx);
  }
  to {
    height: calc(100vh - 130rpx - 500rpx - 2rpx);
  }
}

/* 地图展开 */
@keyframes mapExpend {
  from {
    margin-top: -200rpx;
  }
  to {
    margin-top: 0;
  }
}

/* 中心点下移 */
@keyframes markerExpend {
  from {
    top: 180rpx;
  }
  to {
    top: 380rpx;
  }
}

/* 位置icon下移 */
@keyframes locationExpend {
  from {
    top: 190rpx;
  }
  to {
    top: 390rpx;
  }
}